/** 
  * The polish.css files contains all
  * design information about a project.
  * It can be adjusted for specific devices
  * or device groups by putting it in the 
  * appropriate sub-folder.
  * If you want to adjust a design for all
  * Nokia devices, define it in "resources/Nokia/polish.css"
  * and so on. Only new and different settings
  * need to be specified in such polish.css files. 
  */

colors {
	baseBackground: #374565;
	baseItemText: #FFF;
	
	baseHighlight: #43597b; /* #4a597b;*/
	baseHighlightFocused: #697d94; /* #737d94;*/
	
	/*itemOverlay: argb(30, 255, 255, 255);
	itemOverlayFocused: argb(80, 255, 255, 255);*/
	
	menuBackground: #FFF;
	menuBackgroundFocused: baseHighlight;
	menuText: baseBackground;
	menuTextFocused: baseItemText;
}

.baseScreen {
	background-color: baseBackground;		
}

.baseItem {
	margin-left: 10;
	margin-right: 10;
}

.baseText extends .baseItem {
	font-color: baseItemText;
	font-family: Tahoma;
	font-size: small;
}

title extends .baseText {
	layout: center | expand;
	margin-bottom: 5;
	padding: 2;
	
	font-size: medium;
	font-style: bold;
	text-effect: split;
	text-split-bottom-color: #ddd;
	
	background {
		type: round-rect-split;
		top-color: #073b46;
		bottom-color: #042931;
		split-pos: 50%;
		arc-width: 8;
		arc-height: 8;
	}
}

.listItem extends .baseText {
	layout: left | expand;
	
	background-color: baseHighlight;
	background-type: round-rect;
	background-arc: 6;
	
	padding: 10;
	
	border: none;
	
	focused-style: .welcomeMenuItemFocused;	
}

.welcomeScreen extends .baseScreen {
}

.welcomeLogo {
	layout: center;
	margin: 10;
}

.welcomeTitle extends .baseText {
	margin: 10;
	margin-top: 0;
}

.welcomeMenu {
}

.welcomeMenuItem extends .listItem {
}

.welcomeMenuItemFocused extends .welcomeMenuItem {
	background-color: baseHighlightFocused;
}

.notImplementedText extends .baseText {
	layout: center;
	margin-top: 50;
}

.choiceGroup extends baseItem {
	label-style: .choiceGroupLabel;
	focused-style: .choiceGroupFocused;
	popup-style: .filteredListScreen;
	filter-style: .filteredTextFieldStyle;
	
	padding: 2;
	
	background-color: baseHighlight;
	background-type: round-rect;
	background-arc: 6;
	
	include-label: true;
	layout: right | horizontal-expand;
	
	font-color: baseItemText;
	font-family: Tahoma;
	font-size: medium;
}

.choiceGroupFocused extends .choiceGroup {	
	background-color: baseHighlightFocused;
	label-style: .choiceGroupLabelFocused;
}

.choiceGroupLabel extends baseItem {
	/*background-color: baseHighlight;*/	
	font-color: baseItemText;
	font-family: Tahoma;
	font-size: small;	
}

.choiceGroupLabelFocused extends .choiceGroupLabel {	
	/*background-color: baseHighlightFocused;*/
}


.filteredListScreen {
	background-color: baseBackground;	
	filter-style: .filteredTextFieldStyle;
}
	
.filteredListItem extends .listItem {
	
}

.filteredTextFieldStyle {
	layout: left | horizontal-expand;
	padding: 2;
	
	background-color: menuBackground;
	
	font-color: menuText;
	font-family: Tahoma;
	font-size: small;	
}

menu {
	margin: 0;
	margin-bottom: -4;
	padding: 2;
	background {
		type: round-rect;
		arc: 6;
		color: menuBackground;
	}
	
	border: none;
	
	font-color: menuText;
	font-family: Tahoma;
	font-size: small;
	
	menubar-color: menuBackground;
	view-type: slide-up;
	
	layout: left;
}

menuItem {
	margin: 0;
	padding: 2;
	padding-right: 5;
	
	font-color: menuText;
	font-family: Tahoma;
	font-size: small;
	
	focused-style: .menuItemFocused;	
}

.menuItemFocused extends .menuItem {	
	
	background {
		type: round-rect;
		arc: 6;
		color: menuBackgroundFocused;
	}

	font-color: menuTextFocused;
	layout: left | horizontal-expand;
}
